import {Carousel} from 'antd';
import React, {Component} from 'react';
import 'swiper/dist/css/swiper.min.css'
import './CarsWappers.css'

class CarsWappers extends Component {
    constructor(props) {
        super(props);
        this.state = {
            wappers: [
                {link: '#', url: '/images/main_home_hdeader_wapper003.jpg'},
                {link: '#', url: '/images/main_home_hdeader_wapper004.jpg'}
            ]
        }
    }

    render() {
        return (
            <div className="mian-carsWappers">
                <Carousel autoplay>
                    {
                        this.state.wappers.map((x,i)=>{
                            return ( <div className="wapper-img" key={i}><img src={x.url} alt=""/> </div>)
                        })
                    }
                </Carousel>
            </div>
        )
    }

}

export default CarsWappers